/**
 * 学习目标：事件处理
 */
import React from 'react';
import ReactDOM from 'react-dom';
class Hello extends React.Component {
  render() {
    return (
      <div>
        {/* 1. onClick接收的一定是一个函数，不能是函数的调用 */}
        {/* 错误的写法：函数的调用，会直接执行 */}
        {/* <button onClick={alert('aaa')}>点我一下</button> */}
        {/* 正确的写法：转换成为一个函数 */}
        <button onClick={() => alert('aaa')}>点我一下</button>
        {/* 2. 绑定一个函数, 通过this去访问对应的方法 */}
        <button onClick={this.handleClick}>点我一下</button>
      </div>
    );
  }

  handleClick() {
    alert('aaa');
  }
}

ReactDOM.render(<Hello />, document.getElementById('root'));
